<template>
  <div>
    <div class="topss">
      <div class="top-left">
        <router-link
          to="/personal" 
          class="van-icon van-icon-arrow-left"
        >
            <!---->
        </router-link>
      </div>
      <div class="top-center">
        <input type="text" />
      </div>
      <i class="top-rigth van-icon van-icon-ellipsis">
        <!---->
    </i>
    </div>
    <van-tabs
      v-model="activeName" 
      style="margin-top: 0.5rem; height: calc(100vh - 0.5rem); overflow: auto;"
    >
      <van-tab title="全部" name="all">
        <van-empty description="正在加载中，请误操作..." />
      </van-tab>
      <van-tab title="待付款" name="pay">
      </van-tab>
      <van-tab title="待发货" name="shipments">
      </van-tab>
      <van-tab title="待收货" name="receipt">
      </van-tab>
      <van-tab title="待评价" name="appraise">
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "all",
    };
  }, 
  created () {
    this.activeName=this.$route.query.a;
  },
};
</script>

<style scoped src="../../assets/css/Order.css">
</style>